<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="shortcut icon" href="../favicon.ico">
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/login.css">
  <link rel="stylesheet" href="https://at.alicdn.com/t/font_2143783_iq6z4ey5vu.css">
</head>

<body>
  <div class="page-login">
    <header class="login-header">

      <div class="container">
        <h1 class="logo">
          <a href="#/">小兔鲜</a>
        </h1>
        <h3 class="sub">欢迎登录</h3>
        <a href="" class="entry">进入网站首页
          <i class="iconfont icon-angle-right" data-v-304269b6=""></i>
          <i class="iconfont icon-angle-right" data-v-304269b6=""></i>
        </a>
      </div>
    </header>
    <!-- 登录 -->
    <section class="login-section">
      <div class="wrapper">
        <nav>
          <a href="javascript:;">账户登录</a>
        </nav>
        <div class="account-box">
          <div class="form">
            <div class="form-item">
              <div class="input">
                <i class="iconfont icon-user"></i>
                <input type="text" placeholder="请输入用户名或手机号" class="user">
              </div>
            </div>
            <div class="form-item">
              <div class="input">
                <i class="iconfont icon-lock"></i>
                <input type="password" placeholder="请输入密码" class="pwd">
              </div>
            </div>
            <div class="form-item">
              <div class="agree">
                <div class="xtx-checkbox">
                  <i class="iconfont icon-unchecked"></i>
                  <span class="text"></span>
                  <!-- <span class="check-right">
                    <input type="checkbox" id="checkbox" />
                    <label for="checkbox"></label>
                  </span> -->
                </div>
                <span class="font">我已同意</span>
                <a href="">《隐私条款》</a>
                <span class="font">和</span>
                <a href="">《服务条款》</a>
              </div>
            </div>
            <a href="" class="btn">登录</a>
          </div>
          <div class="action">
            <a
              href="https://graph.qq.com/oauth2.0/show?which=Login&display=pc&client_id=100556005&response_type=token&scope=all&redirect_uri=http%3A%2F%2Fwww.corho.com%3A8080%2F%23%2Flogin%2Fcallback?target=/">
              <img src="https://qzonestyle.gtimg.cn/qzone/vas/opensns/res/img/Connect_logo_7.png" alt="">
            </a>
            <div class="url">
              <a href="">忘记密码</a>
              <a href="">免费注册</a>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- 登录底部 -->
    <footer class="login-footer">
      <div class="container">
        <p>
          <a href="javascript:;">关于我们</a>
          <a href="javascript:;">帮助中心</a>
          <a href="javascript:;">售后服务</a>
          <a href="javascript:;">配送与验收</a>
          <a href="javascript:;">商务合作</a>
          <a href="javascript:;">搜索推荐</a>
          <a href="javascript:;">友情链接</a>
        </p>
        <p>CopyRight &copy; 小兔鲜儿</p>
      </div>
    </footer>
  </div>

  <script src="./js/login.js"></script>
</body>

</html>